<div id="hyper-subpage" class="container-fluid" style="float:left;">
	<div class="row">
		<div class="col-lg-12">
			<h3 class="page-header"><svg data-src="svg/network_services.svg" width="28" height="28" fill="currentColor" class="svg4hyperhdr"></svg><span data-i18n="main_menu_network_conf_token">Network Services</span></h3>
			<div class="container-fluid" style ="padding-right: 0px; padding-left: 0px;">
				<div id="conf_cont" class="row">
					<div class="col-lg-6" id="tok_desc">
						<div class="card card-default">
							<div class="card-header"><svg data-src="svg/network_key.svg" width="18" height="18" fill="currentColor" class="svg4hyperhdr"></svg><span data-i18n="conf_network_tok_title"></span></div>
							<div class="card-body">
								<div id="tok_desc_cont"></div>
								<div id="tktable"></div>
								<div style="margin: 30px 0; border-top: 1px solid #d0d0d0;"></div>
								<div class="row">
									<div class="col-lg-6">
										<p data-i18n="conf_network_tok_comment_title" style="font-weight: bold;"></p>
									</div>
									<div class="col-lg-6">
										<input class="form-control" id="tok_comment" type="text" />
									</div>
									<div class="col-lg-6">
										<span id="tok_chars_needed"><br /></span>
									</div>
								</div>
							</div>
							<div class="card-footer" style="text-align: right;">
								<button class="btn btn-primary" id="btn_create_tok" data-i18n="conf_network_createToken_btn" disabled>Create New Token</button>
							</div>
						</div>
					</div>
				
				</div>
			</div>
		</div>
	</div>
</div>

<script>
$.getScript("/js/network.js");
</script>
